<script setup lang="ts">
interface Props {
  icon: string;
}

withDefaults(defineProps<Props>(), {
  icon: "magic",
});


</script>

<template>
  <nuxt-link class="bg-color text-white text-2xl px-8 py-4 rounded-lg cursor-pointer" to="/koutu"><i :class="'fa fa-'+icon" class=" mr-4"></i>
    <slot></slot>
  </nuxt-link>
</template>
<style scoped>
.bg-color {
  background: linear-gradient(94deg, #8566ff 0%, #6e9cfe 48.44%, #76eb8a 98.44%)
}
</style>